@import "datagrid.css";


body{
	background: #a6c9a7;
	line-height:1.3em;
	font-family: Arial,Helvetica,Sans-Serif;

}

h2{
	line-height:1.5em;
}

#head{
	background:#ffffff;
	border:1px solid gray;
}
#error_messages{
	background:#ffffee;
	border:1px solid orange;
}

#container
{
	background:#ffffff;
	border-right:1px solid gray;
	border-left:1px solid gray;
	border-bottom:1px solid gray;
}

#right{
	background: #e6f5e7;

}

#right .nav{
	padding:15px;
	
}

.nav ul{
	list-style-type:none;
}

#title, #subtitle {
	padding-top:15px;
	padding-left:15px;
}
#month_nav{
	padding-bottom:15px;
}
#prev_month{
	float:left;
}
#next_month{
	float:right;
}

#content{
	padding:15px;
}

fieldset{
	background-color:#efefef;
	border:1px solid gray;
	margin:10px;
}

.hidden{
	display:none;
}

.error_message {
	color: red; margin-bottom: 5px;
}
form
{
	display:inline;
}

table.monthgrid
{
	border-spacing: 0px;
	border-collapse:collapse;
	width:100%;
}

table.monthgrid th
{
	color:#333333;
	font-size:0.8em;
	background-color:#e5e5e5 !important;
	border:1px solid gray;
}

table.monthgrid td
{
	border:1px solid gray;
	vertical-align:top;
	width:12%;
	height:8em;
	background-color:#f5F5F5 !important;
	padding-right:10px;
	font-size:0.8em;
	font-family:arial,helvetica,Sans-serif;
	padding-bottom:0;
	color:#333333;
}
table.monthgrid td:hover {
	background: #eee !important;
}

table.monthgrid a
{
	color:#333333;
}

table.monthgrid ul
{
	padding-left:0;
	margin-left:20px;
}

